<template>
	<!-- 订单信息-订单备注组件 -->
	<view class="OrderNotes">
		<view class="OrderNotes-main">
			<!-- 上部分 -->
			<view class="main-header" v-if="flag">
				<view class="main-item flexjcsb">
					<view class="">
						配送时间
					</view>
					<view class="">
						7月13日 12:30-13:00
					</view>
				</view>
				<view class="main-item flexjcsb">
					<view class="">
						配送地址
					</view>
					<view class="">
						信阳师范大学1号宿舍楼403
					</view>
				</view>
				<view class="main-item flexjcsb">
					<view class="">
						配送服务
					</view>
					<view class="">
						校园专送
					</view>
				</view>
				<view class="main-item flexjcsb">
					<view class="">
						配送骑手
					</view>
					<view class="">
						张三
					</view>
				</view>
			</view>
			<view class="main-header" v-if="!flag">
				<view class="main-item flexjcsb">
					<view class="">
						自取时间
					</view>
					<view class="">
						7月13日 12:30-13:00
					</view>
				</view>
				<view class="main-item flexjcsb">
					<view class="">
						商家地址
					</view>
					<view class="">
						信阳师范大学一食堂二楼40窗口
					</view>
				</view>
				<view class="main-item flexjcsb">
					<view class="">
						预留电话
					</view>
					<view class="">
						153****5674
					</view>
				</view>
			</view>
			<!-- 下部分 -->
			<view class="main-footer">
				<view class="main-item flexjcsb">
					<view class="">
						配送时间
					</view>
					<view class="">
						129008776631223344
					</view>
				</view>
				<view class="main-item flexjcsb">
					<view class="">
						配送地址
					</view>
					<view class="">
						2023-07-21 11:30:09
					</view>
				</view>
				<view class="main-item flexjcsb">
					<view class="">
						配送服务
					</view>
					<view class="">
						微信支付
					</view>
				</view>
				<view class="main-item flexjcsb">
					<view class="">
						配送骑手
					</view>
					<view class="">
						无需餐具
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				flag: true
			}
		}
	}
</script>

<style lang="less" scoped>
	.OrderNotes {
		width: 702rpx;
		// height: 492rpx;
		// height: 520rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 13rpx 0rpx rgba(118,118,118,0.09);
		border-radius: 10rpx;
		margin-top: 12rpx;
		padding-bottom: 20rpx;
		.OrderNotes-main {
			padding: 0 30rpx 0 27rpx;
		}
		// 上部分
		.main-header {
			border-bottom: 1px solid #EDEDED;
			padding: 30rpx 0;
		}
		// 下部分
		.main-footer {
			padding-top: 30rpx;
		}
		.main-item {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 52rpx;
			view:first-child {
				color: #959595;
				
			}
			view:last-child {
				color: #3D3D3D;
			}
		}
	}
</style>